﻿<CodeSnippetTabbed DocLink="https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxChartStockSeries-3">
    <CodeSnippetTabPage Text="Razor">@(@"<DxChart Data=""@ProductSalesData""
         CssClass=""mw-1100"">
    <DxChartStockSeries ValueField=""@((Sale i) => i.TotalCost)"" ArgumentField=""@(i => i.SaleDate.Date)"" Name=""@($""{Product.Name} Sales"")"" />
    <DxChartArgumentAxis>
        <DxChartAxisLabel Format=""ChartAxisLabelFormat.ShortDate"" />
    </DxChartArgumentAxis>
    <DxChartTooltip>
        @context.GetFinancialPoint().Render((financialPoint) =>
            @<div class=""p-3"">
                <p>Open: @financialPoint.OpenValue</p>
                <p>Close: @financialPoint.CloseValue</p>
                <p>High: @financialPoint.HighValue</p>
                <p>Low: @financialPoint.LowValue</p>
            </div>
        )
    </DxChartTooltip>
</DxChart>")</CodeSnippetTabPage>
</CodeSnippetTabbed>
